import styled from 'styled-components'
interface WrapProps {
	isOdd: boolean
}
export const TableItemWrap = styled.div<WrapProps>`
	display: flex;
	height: 30px;
	background-color: ${(props) => (props.isOdd ? `#fff` : `#f2f4f5`)};
	&:hover {
		background: #c1dbec;
		.name {
			color: #000;
		}
	}
`
